یکی از عناصری که باعث جذابیت در وب سایت میشود عنصر عکس یا همان image است. عکسها زیبایی خاصی به صفحات میبخشند ولی از طرف دیگر تولید دردسر هم میکنند، اگر شما تعداد زیادی عکس در یک صفحه بگذارید یا از عکسهایی با حجم زیاد استفاده کنید آن موقع است که بیننده باید مدت طولانی را صرف کند تا صفحه سایت شما را به طور کامل ببیند و همین موضوع باعث از دست دادن یک بیننده و یک نمره منفی به حساب می آید.
پس همیشه تا جایی که میتوانید صفحه را سبک کنید تا برای بیننده خسته کننده نباشد.
عکسها دارای فرمتهای زیادی میباشند ولی فرمتهایی که در وب بکار برده میشوند، عبارتند از:
(gif (Graphic Interchange Format
(jpeg (Joint Photographic Experts Group
(png (Portable Network Graphics
عکسها با فرمت gif بیشترین استفاده را در وب دارند و محبوبترین نوع عکس است. این نوع فرمت 256 رنگ را پشتیبانی میکند و از ویژگیهای دیگر آن animation, transparency, interlacing است . البته محبوبیت آن بیشتر برای حجم کم آن است.
Transparency به شفافیت یک عکس میگویند که آنرا پشت نما هم مینامند. این ویژگی است که یک عکس آنقدر شفاف است که شما میتوانید تا تصویر ، متن یا رنگ زیر آن عکس را ببینید.
Interlacing گاهی وقتها شما منتظر میشوید تا یک عکس به دلیل بزرگی اندازه بارگذاری شود بعد آنرا ببینید اما اگر عکسی این ویژگی را داشته باشد کم کم عکس کامل خواهد شد یعنی خط به خط به عکس اضافه میشود تا کامل بارگذاری شود.
Animation عکسهای متحرک را می گویند وفقط این فرمت هست که از متحرک سازی عکس حمایت میکند.
عکسهایی با فرمت .jpeg حدود 16 میلیون رنگ را پشتیبانی میکنند ، نسبت به فرمت .gif از حجم بالاتری برخوردار است و کیفیتش بهتر است ، تمام ویژگیهای gif را دارد به غیر از Animation. فرمت .png نسبت به قبلیها جدیدتر است و مخلوطی از آنهاست یعنی کیفیت jpeg و حجم کم gif را دارد.
( Tables ) جدولها : جدولها بهترین عنصر برای سازمان دهی و مرتب کردن اطلاعات ما هستند که نقش اساسی در طراحی یک سایت دارند. در واقع جدولها یکی از بهترین و مفیدترین عنصرها در صفحات وب میباشند، با استفاده از آنها ما می توانیم اطلاعات و عناصر را در یک صفحه سازمان دهی و مرتب کنیم . کلیه اطلاعات یا عناصر دیگر وب را میتوانیم داخل ردیف ها یا ستون های یک جدول قرار دهیم بدون آنکه خطوط جدول مشخص باشد و یا در صورت نیاز خطوط آنها نمایان میشود. کمتر کسی را پیدا میکنید که از این عنصر استفاده نکند و زمانیکه تجربه کافی برای طراحی یک سایت بدست آوردید به اهمیت این عنصر پی خواهید برد
( Forms ) فرمها : عناصری که بیننده سایت به کمک آنها می تواند اطلاعاتی را وارد کرده تا ذخیره شده یا فرستاده شود. در واقع فرمها تنها عنصری هستند که بیننده سایت میتواند اطلاعاتی را بطور مستقیم وارد کرده که این اطلاعات بعد از تجزیه و تحلیل یا در فایلی ذخیره شده یا فرستاده میشود. شما میتوانید داخل یک صفحه یا یک وب سایت چندین فرم داشته باشید بطور مثال برای چند نوع نظرسنجی از بینندگان یا ...
( Hyperlinks ) نقطه پیوند : البته این معنی اصلی لغت نمی باشد و این عناصر، نقطه پیوند و ارتباط بین دو صفحه از یک سایت یا دو وب سایت متفاوت می باشد. مانند :
( Frames ) چارچوبها : فریمها یا چارچوبها تنها عناصری هستند که با استفاده از آنها ما می توانیم چند صفحه اینترنتی را در یک صفحه جای دهیم. در واقع هنگامیکه بخواهید دو یا سه صفحه را در یک صفحه جای دهید باید از عنصر فریم یا چارچوب استفاده کنید. این عنصر زمانی کارآیی دارد که میخواهید یک قسمت، در همه صفحات ثابت باشد. به طور مثال شما در سمت چب صفحه یک لیست ثابت دارید و میخواهید هر وقت بیننده روی هر گزینه از این لیست که کلیک کرد توضیحات مربوط به آن در سمت راست نمایان شود. به مجموعه صفحات گنجانده شده در یک صفحه Frameset می گویند و به هر صفحه از آن یک Frame یا یک چارچوب گفته میشود.
( Multimedia ) چند رسانه ای : اگرچه از ابتدا صوت و تصویر با HTML نبوده اما در حال حاضر بیشتر مرورگر های وب از این عنصر پشتیبانی می کنند و شما میتوانید در وب سایتتان فیلم وموزیک پخش کنید. هنگامیکه یک فایل صوتی به صفحه اضافه شود، مرورگر به تنهایی قادر به پخش آن نمی باشد و باید به کمک یک برنامه کاربردی دیگر اینکار را انجام دهد. مرورگرها توسط اطلاعاتی که از فایل دریافت می کنند می توانند تشخیص دهند که چه برنامه ای را باید برای پخش آن فایل صدا بزنند که این اطلاعات را MIME می گویند. MIME مخفف Multipurpose Internet Mail Extensions است.
زمانیکه مرورگر با یک MIME ناشناخته مواجه شود، پیغام خطای “ File Not Found ” را در صفحه نمایش می دهد.